<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<div class="main-right">
    <div class="last-listen">
        <div class="tinleft">
            <div class="lt-top">
                <div class="ltt-t">
                </div>
                <div class="ltt-c">
                    <img style="float: left; margin-top: 10px; margin-right: 5px;" src="css/images/icon_listen.gif">
                    <span>Bài hát vừa nghe</span></div>
                <div class="ltt-e">
                </div>
                <p class="sad"><a href="ControllerServlet?btnAction=Playlist"><span>My playlist (0)</span></a></p>
            </div>
            <div class="lt-e">
            </div>
            <div class="lt-c">
                <div class="cl-center">
                    <c:if test="${not empty LASTLISTEN}">
                        <c:forEach var="song" items="${LASTLISTEN}" varStatus="counter">
                            <div class="cent-${(counter.count mod 2)+1}">
                                <div class="cre1">
                                    <a href="ControllerServlet?btnAction=Listen&type=music&id=${song.songID}&quality=l3" class="txtsp1">${song.name}</a>
                                    <p>${song.artists.artistName}</p>
                                </div>
                            </div>
                        </c:forEach>
                    </c:if>
                </div>
            </div>
            <div class="ll-e">
            </div>
        </div>
    </div>






    <div class="tin-beat">
        <div class="tinleft">
            <div class="lt-top">
                <div class="ltt-t">
                </div>
                <div class="ltt-c">
                    <span>BXH uploader</span></div>
                <div class="ltt-e">
                </div>
            </div>
            <div class="lt-e">
            </div>
            <div class="page-dsms" style="margin-top:0px;">
                <div class="bod100">
                    <div class="vt31"></div>
                    <div class="vt41"></div>
                    <table class="tbtable" cellpadding="0" width="300px" cellpadding="0">
                        <tr>
                            <th height="18px" colspan="2"></th>
                            <th colspan="2">Upload</th>
                            <th>Down</th>
                        </tr>
                        <tr>
                            <td width="20px" height="21px" align="center">
                                <p><span class="topranks">1</span></p>
                            </td>
                            <td>
                                <p style="width: 120px; overflow: hidden"><a href="" title="ABC" class="gen"><span style="color: #FF1493"><b>ABC</b></span></a></p>
                            </td>
                            <td width="35px" nowrap="nowrap" align="center">
                                <p class="gensmall"><b>374</b></p>
                            </td>
                            <td width="42px" nowrap="nowrap" align="center">
                                <p class="gensmall">19 GB</p>
                            </td>
                            <td width="40px" nowrap="nowrap" align="center">
                                <p class="gensmall">1.038</p>
                            </td>
                        </tr>
                        <c:forEach var="upload" varStatus="counter" items="${TOPUPLOADER}">
                            <tr>
                                <td width="20px" height="21px" align="center">
                                    <p><span class="topranks<c:if test="${counter.count > 3}">2</c:if>">${counter.count}</span></p>
                                </td>
                                <td>
                                    <p style="width: 120px; overflow: hidden"><a href="" title="ABC" class="gen"><span style="color: #FF1493"><b>${upload.users.username}</b></span></a></p>
                                </td>
                                <td width="35px" nowrap="nowrap" align="center">
                                    <p class="gensmall"><b>374</b></p>
                                </td>
                                <td width="42px" nowrap="nowrap" align="center">
                                    <p class="gensmall">19 GB</p>
                                </td>
                                <td width="40px" nowrap="nowrap" align="center">
                                    <p class="gensmall">1.038</p>
                                </td>
                            </tr>
                        </c:forEach>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="tin-beat">
        <div class="tinleft">
            <div class="lt-top">
                <div class="ltt-t">
                </div>
                <div class="ltt-c">
                    <span>BXH ca sĩ</span></div>
                <div class="ltt-e">
                </div>
            </div>
            <div class="lt-e">
            </div>
            <div class="r-ti2">
                <div class="r-c">
                    <div class="center">
                        <div class="ce-l">
                            <div class="csd">
                                <div class="csd-t">
                                    <p>Nhạc Việt Nam</p>
                                </div>
                                <div class="artist-id">
                                    <p><span class="topranks">1</span></p>
                                </div>
                                <div class="artist-txt">
                                    <a href=""class="xt2">DSDS</a>
                                </div>
                                <c:forEach var="artist" items="${TOPVN}" varStatus="counter">
                                    <div class="artist-id">
                                        <p><span class="topranks<c:if test="${counter.count > 3}">2</c:if>">${counter.count}</span></p>
                                    </div>
                                    <div class="artist-txt">
                                        <a href=""class="xt2">${artist.artistName}</a>
                                    </div>
                                </c:forEach>

                            </div>

                            <div class="csd">
                                <div class="csd-t">
                                    <p>Nhạc Hàn</p>
                                </div>
                                <div class="artist-id">
                                    <p><span class="topranks">1</span></p>
                                </div>
                                <div class="artist-txt">
                                    <a href=""class="xt2">DSDS</a>
                                </div>
                                <c:forEach var="artist" items="${TOPKOREA}" varStatus="counter">
                                    <div class="artist-id">
                                        <p><span class="topranks<c:if test="${counter.count > 3}">2</c:if>">${counter.count}</span></p>
                                    </div>
                                    <div class="artist-txt">
                                        <a href="" class="xt2">${artist.artistName}</a>
                                    </div>
                                </c:forEach>
                            </div>
                        </div>

                        <div class="ce-r">
                            <div class="csd">
                                <div class="csd-t">
                                    <p>Nhạc Âu, Mỹ</p>
                                </div>
                                <div class="artist-id">
                                    <p><span class="topranks">1</span></p>
                                </div>
                                <div class="artist-txt">
                                    <a href=""class="xt2">DSDS</a>
                                </div>
                                <c:forEach var="artist" items="${TOPUSUK}" varStatus="counter">
                                    <div class="artist-id">
                                        <p><span class="topranks<c:if test="${counter.count > 3}">2</c:if>">${counter.count}</span></p>
                                    </div>
                                    <div class="artist-txt">
                                        <a href="" class="xt2">${artist.artistName}</a>
                                    </div>
                                </c:forEach>
                            </div>

                            <div class="csd">
                                <div class="csd-t">
                                    <p>Nhạc Hoa</p>
                                </div>
                                <div class="artist-id">
                                    <p><span class="topranks">1</span></p>
                                </div>
                                <div class="artist-txt">
                                    <a href=""class="xt2">DSDS</a>
                                </div>
                                <c:forEach var="artist" items="${TOPCHINA}" varStatus="counter">
                                    <div class="artist-id">
                                        <p><span class="topranks<c:if test="${counter.count > 3}">2</c:if>">${counter.count}</span></p>
                                    </div>
                                    <div class="artist-txt">
                                        <a href="" class="xt2">${artist.artistName}</a>
                                    </div>
                                </c:forEach>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="qc-c"><!-- CSN_Right1 -->
    </div>

</div>